import React, { useState, useEffect, useCallback } from 'react';
import { Input, Tooltip } from 'antd';
import 'antd/dist/antd.css';
import { InfoCircleFilled } from '@ant-design/icons';
import './styles.less';

const TransactionsTable = () => {
  return (
    <div className="transaction_table">
      <div className="transaction_head">
        <h3 level={3} style={{ marginBottom: '0' }}>
          Block Transactions
        </h3>
        <Tooltip placement="right" title="123">
          <InfoCircleFilled style={{ marginLeft: '0.5rem' }} />
        </Tooltip>
      </div>
    </div>
  );
};

export default TransactionsTable;
